<template>
    <div class="content">
        <van-nav-bar title="聊天交流" />
        <div class="chat-users">
            <van-grid class="grid-img" :border="false" :column-num="3">
                <van-grid-item>
                    <van-image src="./assets/c1.jpg" />
                </van-grid-item>
                <van-grid-item>
                    <van-image src="./assets/c2.jpg" />
                </van-grid-item>
                <van-grid-item>
                    <van-image src="./assets/c3.jpg" />
                </van-grid-item>
                <van-grid-item>
                    <van-image src="./assets/c4.jpg" />
                </van-grid-item>
                <van-grid-item>
                    <van-image src="./assets/c5.png" />
                </van-grid-item>
            </van-grid>
        </div>

        <div class="chat-btn">
            <van-grid class="grid-img" :border="false" :column-num="4">
                <van-grid-item>
                    <van-image src="./assets/m_f.png" />
                </van-grid-item>
                <van-grid-item>
                    <van-image src="./assets/c_o.png" />
                </van-grid-item>
                <van-grid-item>
                    <van-image src="./assets/y_f.png" />
                </van-grid-item>
                <van-grid-item>
                    <van-image src="./assets/d.png" />
                </van-grid-item>
            </van-grid>
        </div>
    </div>
</template>
<script>
    export default {

    }
</script>
<style>
    .content {
        
        padding: 2vh;
    }
    .chat-btn {
        border: 1px solid #e2e2e2;
        border-radius: 1px;
        margin-top: 40vh;
    }
</style>